<template>
  <div class="footer fixed">
    <router-link active-class="base" to="/home" class="item fdc aic jc-c home"
      ><i class="van-icon van-icon-wap-home-o" style="font-size: 18px"> </i>
      <p>首页</p>
    </router-link>
    <router-link active-class="base" to="/type" class="item fdc aic jc-c categery"
      ><i class="van-icon van-icon-apps-o" style="font-size: 18px"> </i>
      <p>分类</p>
    </router-link>
    <router-link active-class="base" to="/cart" class="item fdc aic jc-c cart-page"
      ><i class="van-icon van-icon-shopping-cart-o" style="font-size: 18px">
      </i>
      <p>购物车</p>
    </router-link>
    <router-link active-class="base" to="/my" class="item fdc aic jc-c my"
      ><i class="van-icon van-icon-user-o" style="font-size: 18px"> </i>
      <p>我的</p>
    </router-link>  
  </div>
</template>

<script> 
export default {  
};
</script>

<style lang="less" scoped>
.footer {
  position: fixed;
  bottom: 0;
  display: flex;
  height: 50px;
  width: 100vw;
  justify-content: space-around;
  background-color: white;
}
</style>> 